/* =========================================================
***********************Header*******************************
============================================================ */
#flx-header{background:url(images/background/top-line.png) center top repeat-x #FFF;padding-top:8px}
/*-----------------Logo------------------*/
#logo-image{margin-top:8px;float:left}
#logo-image a,#logo-image a img{width:auto;display:block}
/*-----------------Main Menu------------------*/
#main-nav{float:right}
#main-menu{position:relative;z-index:9000}
#main-menu > li{float:left;list-style:none;position:relative;margin-left:1px}
#main-menu > li > a{font-size:16px;display:block;color:#494949;padding:35px 20px;font-weight:300}
#main-menu > li a i{margin-right:5px}
#main-menu > li:hover a,#main-menu > li > a:hover,#main-menu > li.current-menu-item > a{background-color:#ff6850;color:#fff}
/*-----------------Sub Menu------------------*/
#main-menu li ul{display:none;position:absolute;left:0;top:89px;z-index:888;width:190px;background-color:#ff6850;margin:0}
#main-menu li ul li{border-top:1px solid #ff7f6a;list-style:none;position:relative}
#main-menu li ul li a{padding:15px;display:block;color:#fff;font-size:16px;font-weight:300;background:url(images/icons/nav-arrow.png) -15px 20px no-repeat transparent}
#main-menu li ul li:hover > a,#main-menu li ul li.current-menu-item > a{background-color:#ff4630;background-position:10px 20px;padding-left:25px}
#main-menu li ul li ul{left:190px;top:-1px;background-color:#FF4630}
#main-menu li ul li ul li:hover a,#main-menu li ul li ul li.current-menu-item a{background-color:#ff4630!important}
#dl-menu{z-index:9999}
/*-----------------Sticky Menu------------------*/
.sticky-header{position:fixed;z-index:1000;top:0;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.1);border-bottom:none}
.cbp-af-header.cbp-af-header-shrink #main-menu li ul{top:60px}
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a{padding:20px 25px}
.cbp-af-header.cbp-af-header-shrink #logo-image{margin-top:0;height:60px}
.cbp-af-header.cbp-af-header-shrink #logo-image a img{transform:scale(0.7);-ms-transform:scale(0.7);/* IE 9 */
	-webkit-transform:scale(0.7);/* Safari and Chrome */
	margin-top:-5px}
.cbp-af-header.cbp-af-header-shrink #main-menu li ul li ul{top:-1px}
/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{position:relative}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}
.sf-menu > li{float:left}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul{display:block}
.sf-menu a{display:block;position:relative}
.sf-menu ul ul{top:0;left:100%}
/*** DEMO SKIN ***/
.sf-menu{float:left;margin-bottom:1em}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;/* allow long menu items to determine submenu width */
	*width:12em;/* no auto sub width for IE7,see white-space comment below */}
.sf-menu a{border-left:1px solid #fff;border-top:1px solid #dFeEFF;/* fallback colour must use full shorthand */
	border-top:1px solid rgba(255,255,255,.5);padding:.75em 1em;text-decoration:none;zoom:1;/* IE7 */}
.sf-menu a{color:#13a}
.sf-menu li{background:#BDD2FF;white-space:nowrap;/* no need for Supersubs plugin */
	*white-space:normal;/* ...unless you support IE7 (let it wrap) */
	-webkit-transition:background .2s;transition:background .2s}
.sf-menu ul li{background:#AABDE6}
.sf-menu ul ul li{background:#9AAEDB}
.sf-menu li:hover,.sf-menu li.sfHover{background:#CFDEFF;/* only transition out,not in */
	-webkit-transition:none;transition:none}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em;/* no CSS arrows for IE7 (lack pseudo-elements) */}
/* styling for both css and generated arrows */
.sf-arrows ul .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;/* order of following 3 rules important for fallbacks to work */
	border:5px solid transparent;border-left-color:#dFeEFF;/* edit this to suit design (no rgba in IE8) */
	border-left-color:rgba(255,255,255,.5)}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after{border-left-color:white;/* IE8 fallback colour */}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#dFeEFF;/* edit this to suit design (no rgba in IE8) */
	border-left-color:rgba(255,255,255,.5)}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:white}
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal}
/* Common styles of menus */
.dl-menuwrapper{display:none;width:200px;max-width:300px;float:left;position:relative;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;-moz-perspective-origin:50% 200%;perspective-origin:50% 200%}
.dl-menuwrapper:first-child{margin-right:100px}
.dl-menuwrapper button{background:#FF6850;border:none;width:48px;height:45px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:none;float:right;-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color  .3s ease-in-out;-ms-transition:background-color  .3s ease-in-out;-o-transition:background-color  .3s ease-in-out;transition:background-color  .3s ease-in-out}
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#ff4630}
.dl-menuwrapper button:after{content:'';position:absolute;width:68%;height:5px;background:#fff;top:10px;left:16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.dl-menuwrapper li{position:relative}
.dl-menuwrapper li a{display:block;position:relative;padding:15px 20px;font-size:16px;line-height:20px;font-weight:300;color:#fff;outline:none}
.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.1)}
.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0,0,0,0.1)}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:50px;font-family:'icomoon';speak:none;-webkit-font-smoothing:antialiased;content:"\e0b2"}
.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(212,204,198,0.3);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.dl-menuwrapper li > a:after{right:10px;color:rgba(0,0,0,0.15)}
.dl-menuwrapper .dl-menu{margin:50px 0 0 0;position:absolute;z-index:9999;right:0;width:200px;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{display:none}
/* 
When a submenu is openend,we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a{display:none}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 0.4s;-moz-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 0.3s ease-in-out;-moz-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out}
.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 0.4s ease;-moz-animation:MenuAnimOut3 0.4s ease;animation:MenuAnimOut3 0.4s ease}
.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 0.4s ease;-moz-animation:MenuAnimOut4 0.4s ease;animation:MenuAnimOut4 0.4s ease}
.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 0.4s ease;-moz-animation:MenuAnimOut5 0.4s ease;animation:MenuAnimOut5 0.4s ease}
@-webkit-keyframes MenuAnimOut1{50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}}
@-webkit-keyframes MenuAnimOut2{100%{-webkit-transform:translateX(-100%);opacity:0}}
@-webkit-keyframes MenuAnimOut3{100%{-webkit-transform:translateZ(300px);opacity:0}}
@-webkit-keyframes MenuAnimOut4{100%{-webkit-transform:translateZ(-300px);opacity:0}}
@-webkit-keyframes MenuAnimOut5{100%{-webkit-transform:translateY(40%);opacity:0}}
@-moz-keyframes MenuAnimOut1{50%{-moz-transform:translateZ(-250px) rotateY(30deg)}75%{-moz-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-moz-transform:translateZ(-500px) rotateY(0deg);opacity:0}}
@-moz-keyframes MenuAnimOut2{100%{-moz-transform:translateX(-100%);opacity:0}}
@-moz-keyframes MenuAnimOut3{100%{-moz-transform:translateZ(300px);opacity:0}}
@-moz-keyframes MenuAnimOut4{100%{-moz-transform:translateZ(-300px);opacity:0}}
@-moz-keyframes MenuAnimOut5{100%{-moz-transform:translateY(40%);opacity:0}}
@keyframes MenuAnimOut1{50%{transform:translateZ(-250px) rotateY(30deg)}75%{transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{transform:translateZ(-500px) rotateY(0deg);opacity:0}}
@keyframes MenuAnimOut2{100%{transform:translateX(-100%);opacity:0}}
@keyframes MenuAnimOut3{100%{transform:translateZ(300px);opacity:0}}
@keyframes MenuAnimOut4{100%{transform:translateZ(-300px);opacity:0}}
@keyframes MenuAnimOut5{100%{transform:translateY(40%);opacity:0}}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 0.3s;-moz-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 0.3s ease-in-out;-moz-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 0.4s ease;-moz-animation:MenuAnimIn3 0.4s ease;animation:MenuAnimIn3 0.4s ease}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease;-moz-animation:MenuAnimIn4 0.4s ease;animation:MenuAnimIn4 0.4s ease}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease;-moz-animation:MenuAnimIn5 0.4s ease;animation:MenuAnimIn5 0.4s ease}
@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:0.5}100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1}}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}
@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}
@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}
@-moz-keyframes MenuAnimIn1{0%{-moz-transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{-moz-transform:translateZ(-250px) rotateY(30deg);opacity:0.5}100%{-moz-transform:translateZ(0px) rotateY(0deg);opacity:1}}
@-moz-keyframes MenuAnimIn2{0%{-moz-transform:translateX(-100%);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}
@-moz-keyframes MenuAnimIn3{0%{-moz-transform:translateZ(300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}
@-moz-keyframes MenuAnimIn4{0%{-moz-transform:translateZ(-300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}
@-moz-keyframes MenuAnimIn5{0%{-moz-transform:translateY(40%);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}
@keyframes MenuAnimIn1{0%{transform:translateZ(-500px) rotateY(0deg);opacity:0}20%{transform:translateZ(-250px) rotateY(30deg);opacity:0.5}100%{transform:translateZ(0px) rotateY(0deg);opacity:1}}
@keyframes MenuAnimIn2{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0px);opacity:1}}
@keyframes MenuAnimIn3{0%{transform:translateZ(300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}
@keyframes MenuAnimIn4{0%{transform:translateZ(-300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}
@keyframes MenuAnimIn5{0%{transform:translateY(40%);opacity:0}100%{transform:translateY(0);opacity:1}}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 0.4s ease;-moz-animation:SubMenuAnimIn1 0.4s ease;animation:SubMenuAnimIn1 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;-moz-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 0.4s ease;-moz-animation:SubMenuAnimIn3 0.4s ease;animation:SubMenuAnimIn3 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease;-moz-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease;-moz-animation:SubMenuAnimIn5 0.4s ease;animation:SubMenuAnimIn5 0.4s ease}
@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0px);opacity:1}}
@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0px);opacity:1}}
@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}
@-moz-keyframes SubMenuAnimIn1{0%{-moz-transform:translateX(50%);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}
@-moz-keyframes SubMenuAnimIn2{0%{-moz-transform:translateX(100%);opacity:0}100%{-moz-transform:translateX(0px);opacity:1}}
@-moz-keyframes SubMenuAnimIn3{0%{-moz-transform:translateZ(-300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}
@-moz-keyframes SubMenuAnimIn4{0%{-moz-transform:translateZ(300px);opacity:0}100%{-moz-transform:translateZ(0px);opacity:1}}
@-moz-keyframes SubMenuAnimIn5{0%{-moz-transform:translateZ(-200px);opacity:0}100%{-moz-transform:translateZ(0);opacity:1}}
@keyframes SubMenuAnimIn1{0%{transform:translateX(50%);opacity:0}100%{transform:translateX(0px);opacity:1}}
@keyframes SubMenuAnimIn2{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0px);opacity:1}}
@keyframes SubMenuAnimIn3{0%{transform:translateZ(-300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}
@keyframes SubMenuAnimIn4{0%{transform:translateZ(300px);opacity:0}100%{transform:translateZ(0px);opacity:1}}
@keyframes SubMenuAnimIn5{0%{transform:translateZ(-200px);opacity:0}100%{transform:translateZ(0);opacity:1}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 0.4s ease;-moz-animation:SubMenuAnimOut1 0.4s ease;animation:SubMenuAnimOut1 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;-moz-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 0.4s ease;-moz-animation:SubMenuAnimOut3 0.4s ease;animation:SubMenuAnimOut3 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease;-moz-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease;-moz-animation:SubMenuAnimOut5 0.4s ease;animation:SubMenuAnimOut5 0.4s ease}
@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);opacity:0}}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(100%);opacity:0}}
@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(-300px);opacity:0}}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);opacity:1}100%{-webkit-transform:translateZ(300px);opacity:0}}
@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);opacity:0}}
@-moz-keyframes SubMenuAnimOut1{0%{-moz-transform:translateX(0%);opacity:1}100%{-moz-transform:translateX(50%);opacity:0}}
@-moz-keyframes SubMenuAnimOut2{0%{-moz-transform:translateX(0%);opacity:1}100%{-moz-transform:translateX(100%);opacity:0}}
@-moz-keyframes SubMenuAnimOut3{0%{-moz-transform:translateZ(0px);opacity:1}100%{-moz-transform:translateZ(-300px);opacity:0}}
@-moz-keyframes SubMenuAnimOut4{0%{-moz-transform:translateZ(0px);opacity:1}100%{-moz-transform:translateZ(300px);opacity:0}}
@-moz-keyframes SubMenuAnimOut5{0%{-moz-transform:translateZ(0);opacity:1}100%{-moz-transform:translateZ(-200px);opacity:0}}
@keyframes SubMenuAnimOut1{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(50%);opacity:0}}
@keyframes SubMenuAnimOut2{0%{transform:translateX(0%);opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes SubMenuAnimOut3{0%{transform:translateZ(0px);opacity:1}100%{transform:translateZ(-300px);opacity:0}}
@keyframes SubMenuAnimOut4{0%{transform:translateZ(0px);opacity:1}100%{transform:translateZ(300px);opacity:0}}
@keyframes SubMenuAnimOut5{0%{transform:translateZ(0);opacity:1}100%{transform:translateZ(-200px);opacity:0}}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
.no-js .dl-menuwrapper li .dl-submenu{display:block}
.no-js .dl-menuwrapper li.dl-back{display:none}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1)}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:''}
/* Colors for demos */
/* Demo 1 */
.demo-1 .dl-menuwrapper button{background:#c62860}
.demo-1 .dl-menuwrapper button:hover,.demo-1 .dl-menuwrapper button.dl-active,.demo-1 .dl-menuwrapper ul{background:#9e1847}
/* Demo 2 */
.demo-2 .dl-menuwrapper button{background:#e86814}
.demo-2 .dl-menuwrapper button:hover,.demo-2 .dl-menuwrapper button.dl-active,.demo-2 .dl-menuwrapper ul{background:#D35400}
/* Demo 3 */
.demo-3 .dl-menuwrapper button{background:#08cbc4}
.demo-3 .dl-menuwrapper button:hover,.demo-3 .dl-menuwrapper button.dl-active,.demo-3 .dl-menuwrapper ul{background:#00b4ae}
/* Demo 4 */
.demo-4 .dl-menuwrapper button{background:#90b912}
.demo-4 .dl-menuwrapper button:hover,.demo-4 .dl-menuwrapper button.dl-active,.demo-4 .dl-menuwrapper ul{background:#79a002}
/* Demo 5 */
.demo-5 .dl-menuwrapper button{background:#744783}
.demo-5 .dl-menuwrapper button:hover,.demo-5 .dl-menuwrapper button.dl-active,.demo-5 .dl-menuwrapper ul{background:#643771}
#theme-option{position:fixed;top:30px;left:-275px;z-index:99999}
#theme-option .theme-opt-wrapper{width:233px;background:#FFF;border:1px solid #f0f0f0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:10px 20px 20px 20px;float:left}
.theme-opt-wrapper p{display:block;width:100%;background:none}
.theme-opt-wrapper .btn{display:block;margin-top:20px}
.theme-opt-wrapper ul{margin:0 0 10px 0;padding:0;float:left}
.theme-opt-wrapper ul li{list-style:none;float:left;margin:0 1px 1px 0}
.theme-opt-wrapper ul li a{display:block;width:32px;height:32px;background-size:0 0;background-image:url('../images/background/switch-color-active.gif');background-position:center center;background-repeat:no-repeat;background-color:#CCC;float:left;opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.theme-opt-wrapper ul.choose-color a:hover,.theme-opt-wrapper ul.choose-color a.active{background-size:10px 10px}
.color.oran{background-color:#ff6850!important}
.color.cyan{background-color:#1abc9c!important}
.color.pink{background-color:#ec6197!important}
.color.green{background-color:#89b424!important}
.color.red{background-color:#db0000!important}
.color.gray{background-color:#717171!important}
.color.purple{background-color:#988ed8!important}
.theme-opt-wrapper ul li a:hover{opacity:.5;filter:alpha(opacity=50)}
.theme-opt-wrapper select{width:100%;font-size:11px}
#theme-option .open-close-button{width:30px;height:40px;float:left;margin:0;background:red;display:inline-block;*display:inline;zoom:1;background:#FFF url(../images/icons/setting.png) 7px center no-repeat;border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border:1px solid #f0f0f0;margin-left:-1px;border-left:0}
#m-theme-option{float:right;width:50px;z-inde:99999;margin-top:-50px;display:none;position:relative}
#m-theme-option .m-open-close-button{width:50px;height:50px;margin:0;display:block;zoom:1;background:url(../images/icons/setting.png) center center no-repeat;z-index:99999;position:relative;cursor:pointer}
#m-theme-option .m-open-close-button.active{background-color:#fff}
#m-theme-option .theme-opt-wrapper{display:none;width:300px;background:#FFF;border:1px solid #f0f0f0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:10px 20px 20px 20px;position:absolute;top:50px;right:0;z-index:99999}
.flx-select-layout label,.flx-select-footer label{display:inline-block;width:auto;margin-right:50px;margin-bottom:0;font-size:12px;line-height:20px}
.flx-select-layout input[type=radio],.flx-select-footer input[type=radio]{margin:0}
.choose-pattern > li > a{background-position:center center;background-repeat:repeat;background-color:transparent}
